<template>
  <div class="page">
    <div class="van-nav-head">
      <van-nav-bar title="表单模板" left-arrow @click-left="$router.go(-1)" :fixed="true"/>
    </div>
    <div class="demo-home-nav">
      <div class="demo-home-nav__title">表单模板</div>
      <div class="demo-home-nav__group">
        <van-cell title="基础表单" to="/index/form/simple" is-link/>
        <van-cell title="复杂的验证" to="/index/form/complex" is-link/>
        <van-cell title="更复杂的验证" to="/index/form/ultimate" is-link/>
        <van-cell title="混合验证" to="/index/form/mixture" is-link/>
      </div>
    </div>
  </div>
</template>

<script type="es6">
export default {
  name: "",
  components: {},
  data() {
    return {};
  },
  mounted() {
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.demo-home-nav__title {
  padding: 24px 0 8px 16px;
  color: rgba(69, 90, 100, 0.6);
  font-size: 14px;
}
</style>